@import "@wordpress/base-styles/variables";
@import "@wordpress/base-styles/mixins";

.sites-header__actions {
	display: flex;
	align-items: center;
	gap: 8px;

	.button {
		border-radius: 4px;
		border: 1px solid var(--color-neutral-10);
		@include body-medium;
	}

	.button.split-button__main {
		border-radius: 4px 0 0 4px;
		border-right: none;
	}

	.button.split-button__toggle {
		svg {
			fill: #000;
		}

		.gridicon {
			height: 18px;
			margin-top: -2px;
			position: relative;
			top: 2px;
			width: 18px;
		}
	}

}
